<section style="background: #ffffff; padding: 40px; margin: 30px 0;">
  <div style="font-family: 'Georgia', 'Times New Roman', serif; max-width: 800px; margin: 0 auto;">
    <h1 style="font-size: 50px; color: #2c3e50; text-align: center; margin: 0 0 25px; font-weight: 400; letter-spacing: 1px;">
      <span style="display: inline-block; background: rgba(44,62,80,0.05); color: #2c3e50; padding: 12px 30px;">
        01
      </span>
    </h1>
    
    <h2 style="font-size: 28px; color: #34495e; text-align: center; margin: 0 0 30px; font-weight: 400; font-style: italic;">
      <span style="display: inline-block; padding: 10px 25px;">
        文章标题示例
      </span>
    </h2>
    
    <p style="font-size: 18px; line-height: 1.8; color: #4a4a4a; margin: 0 0 35px; text-align: justify;">
      <span style="display: inline-block; background: rgba(189,195,199,0.1); padding: 25px 30px;">
        这里是文章内容示例。这个模板采用了学术风格设计，注重留白和可读性。使用经典衬线字体，h1标题设为50px，整体设计简洁优雅。正文采用两端对齐，行距宽松，适合长时间阅读。配色方案专业稳重，体现了学术出版物的严谨美学。
      </span>
    </p>

    <div style="text-align: right; margin-top: 40px;">
      <a href="https://example.com" style="display: inline-block; background: #2c3e50; color: white; text-decoration: none; padding: 10px 25px; font-size: 16px;">
        <span>
          More
        </span>
      </a>
    </div>
  </div>
</section>